<template>
  <div>
    <h1 id="test">Item1</h1>
    <img class="icon" :src="imgIcon" alt="" />
    <img class="icon" :src="imgIcon" alt="" />
  </div>
</template>

<script lang="ts">
import _ from 'lodash'
import imgIcon from "@assets/1.jpg";
import { getDate, testBigFile } from "../common/utils";
// import jQuery from 'jquery';

interface Info {
  name: string;
  age: number;
}

export default {
  data() {
    return {
      imgIcon,
      age: 1
    };
  },
  created(){
    console.log(getDate())
    this.age = 12;
    const handler = _.debounce(()=>{console.log(111)},1000)
    window.addEventListener('resize', handler)
  },
  mounted(){
    // console.log('test: ',jQuery('#test'))
  }
};
</script>

<style scoped lang="less">
.icon {
  width: 300px;
  height: 300px;
}
</style>
